.html,body{background: url(../images/bg-body.png) no-repeat top center #f1f1f1; background-size: contain;}.box{padding: 10px; overflow: hidden;display: block; text-align: center;}
a{color:#72973e;}
a:hover{text-decoration: none;}
.mod-logo{ height: 60px; line-height: 60px; margin: 0 auto; width: 80%; overflow: hidden; font-size: 30px; color: #fff; text-shadow: 0 0 2px #adca10; text-align: center;}
.index{ margin: 10px auto; overflow: hidden; border-top:1px solid #fff;}
.mod-index{width: 49.9%; display:table; float:left;border-bottom:1px solid #fff; height:110px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    word-spacing:normal; word-break:normal; word-break:break-all;
}
.mod-index:active,
.mod-index.active{ background: #e6e6e6;}
.mod-index > *{vertical-align: middle; display: table-cell; width: 100%; text-align: center; overflow: hidden;}
.mod-index small{ font-size: 14px; line-height: 30px; display: block; height: 30px; color: #888;}
.mod-index i{height: 50px; line-height:50px; overflow: hidden;text-align: center; display: block;}
.mod-index img{ max-height: 100%; vertical-align: top;}
.mod-index .fa{ font-size: 50px;}
.mod-index p{ line-height: 20px; overflow: hidden; display: table-cell;vertical-align: middle; text-align: center; width: 100%; height:60px; overflow: hidden;}
.mod-index span{ max-height: 60px; overflow: hidden; display: block;}
.btn-up-1{ background: #999;}
.btn-up-1 .fa{ background: #fff; color: #999;}
.navPop-1 .navPop-btn{ background: #999;}
.navPop-1 .navPop-btn .fa{ background: #fff; color: #999;}
.navPop-wrap>div a{
    background: #999;
    color: #fff;
}
@media only screen and (max-width:1080px){

}
@media only screen and (min-width:1224px){

}
@media only screen and (max-width:320px){

}